<style type="text/css">
    #tableOrder tr:hover
    {
        background: #EBEBEB;        
    }
    #tableOrder tr:hover td a em{color:#48A8FE;}
</style>
<div class="middle-box-profile">
    <div class="box-profile">
        <i class="title_order">Lịch sử mua hàng</i>
        <div style="display: none;" class="box-profile-select">
            <select>
                <option>Tất cả</option>
            </select>
        </div>
    </div>
    <div class="box-profile-table" id="dvOrderList">
        <table width="100%" cellspacing="0" cellpadding="0" id="tableOrder">
            <tbody>
                <tr>
                    <th width="5%">STT</th>
                    <th width="35%" style="text-align:left;">Tên sản phẩm / dịch vụ</th>
                    <th width="15%">Số lượng</th>
                    <th width="17%" style="text-align:left;">Trạng thái</th>
                    <th width="10%">&nbsp;</th>
                </tr>
                <{foreach from=$listOrders item=item name='order'}>
                <tr class="hover" id="trOrder_<{$smarty.foreach.order.index}>">
                    <td><{$smarty.foreach.order.index+1}></td>
                    <td style="text-align:left;"><a title="<{$item.groupon_name}>" name="" href="<{$APPLICATION_URL}>/Browse/Deals/details/city/<{$item.city_id}>/id/<{$item.deal_id}>"><em><{$item.groupon_name}></em></a></td>
                    <td><{$item.quantity}></td>
                    <td style="text-align:left;"><{$dealOrderEntity->getOrderStatusName($item.order_status)}></td>
                    <td><a class="viewOrder_url"  href="<{$APPLICATION_URL}>/User/Index/viewOrder/id/<{$item.deal_order_id}>">Chi tiết</a></td>
                </tr>
                <{/foreach}>
            </tbody>
        </table>
    </div>
    <div class="box-profile-paging">
        <div class="paging-gray-half">
            <p id="pPaging"></p>
        </div>
    </div>
    <div class="box-profile-note">
        <h5>Chú thích:</h5>
        <span style="display:none">* <em>Nhắc nhở</em>: Những voucher nào chưa sử dụng hoặc sắp hết hạn sử dụng nếu bạn chọn NhómMua sẽ nhắc nhở bạn.</span>
        <span>* <strong>Chưa xác nhận</strong>: Đã đặt hàng online nhưng chưa nhận được điện thoại xác nhận từ nhomMua.com.</span>
        <span>* <strong>Đã xác nhận, đang chờ giao</strong>: Đặt hàng và đã được xác nhận từ NhómMua. Đang có kế hoạch giao hàng.</span>
        <span>* <strong>Đang trên đường</strong>: Đã có kế hoạch giao hàng, nhómMua.com đang trên đường giao</span>
        <span>* <strong>Hoàn tất</strong>: Đã giao cho khách hàng</span>
    </div>
</div>

<script type="text/javascript">
$(document).ready(function() {
	//load fancy when DOM load
	<{if $showOrder}>
        $.fancybox({
        	'scrolling'	: 'no',
            'autoScale': true,
            'transitionIn': 'fade',
            'transitionOut': 'fade',
            'href': '<{$APPLICATION_URL}>/User/Index/viewOrder/id/<{$order_id}>/isSuccess/<{$isSuccess}>'
        });
	<{/if}>
	$("#liDonHang").addClass('active');
	$(".viewOrder_url").fancybox({
		'scrolling'		: 'no',
		'titleShow'		: true,
		'onClosed'		: function() {
		},
		'onStart' : function(){
		      //load info order
		},
		'onClosed' : function(){
			//window.location.reload();	
		}
	});	
});
</script>